﻿<!doctype html>
<html>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://apps.bdimg.com/libs/bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">

<!-- Bootstrap响应式布局 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://apps.bdimg.com/libs/bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">

<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="123/css/bootstrap-theme.min.css"></script>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://apps.bdimg.com/libs/bootstrap/2.3.1/js/bootstrap.min.js"></script>


      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->

    <title>大淮高网</title>
</head>
<body>
	<!-- body元素CSS设置 -->
	<style type="text/css">

  		body {background-color: #545454;
  			background:url(../../static/img/back.jpg);
  			background-position:center;
  			background-repeat:no-repeat;}
  		div#zhuti{
  			background:url(../../static/img/background.png);
  		}
  		div#dibu{
  			background:url(../../static/img/background.png);
  			height: 170px;
  			margin-top: 50px
  		}
  		div#daohang{
  			margin-top: 10px
  		}
  		div#dibu_1{
  			margin-top: 20px
  		}
  		div#kuaijie{
  			background-color: #cd5555;
  			margin-bottom: 10px
  		}
  		a:link {color:#000000;}
  		a:visited {color:#000000;}

  	</style>
  	<!-- 网站主体框架 -->
	<div class='container-fluid'>
	<!-- 导航栏模块 -->
	<div class='row-fluid'>
		<div class='span12' id="daohang">
				<div class="navbar">
					<div class='navbar-inner'>
						<div class='container-fluid'>
							<a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"><span class='icon-bar'></span><span class='icon-bar'></span><span class='icon-bar'></span></a><a class='brand' href="../index">大淮高网</a>
							<div class="nav-collapse collapse navbar-responsive-collapse">
								<ul class='nav'>
									<li class='active'>
										<a href="../index">Home</a>
									</li>
									<li>
										<a href="../news">News</a>
									</li>
									<li class='dropdown'>
										<a class='dropdown-toggle' href="#" data-toggle="dropdown">网站服务<strong class='caret'></strong></a>
										<ul class='dropdown-menu'>
											<li>
												<a id="modal-100001" href="#modal-container-100001" class="btn" data-toggle="modal" role="button" >版权声明</a>
											</li>
											<li>
												<a id="modal-100003" href="#modal-container-100003" class="btn" data-toggle="modal" role="button">网站维护组织名单</a>
											</li>
										</ul>
									</li>
								</ul>
								<ul class="nav pull-right">
									<li>
										<a href="http://www.hbgzfx.com" target="_blank">淮滨高级中学官网</a>
									</li>
										</ul>
									</li>
								</ul>
							</div>
							
						</div>
					</div>
					
				</div>
			</div>
		</div>
		<!-- 临时提示模块 -->
		<div class='row-fluid'>
			<div class="span12">
				<div class="alert">
					 <button type="button" class="close" data-dismiss="alert">×</button>
					 <strong>警告!</strong> 网站正在测试中.
				</div>
			</div>
		</div>
		<!--网站主体层-->
		<div class='row-fluid'>
			<div class='span12' id='zhuti' style="color:#FFFFFF;margin-top:50px">
				<!-- 左侧框架 -->
				<div class='row'>
					<div class='span6'>
						<div class='row'>
							<!-- 轮换图 -->
							<div class='span9  offset2' style='margin-top:20px;'>
								<div id='carousel-374526' class="carousel slide">
									<ol class='carousel-indicators'>
										<li class='active' data-target="#carousel-374526" data-slide-to="0">
										</li>
										<li data-target="#carousel-374526" data-slide-to="1">
										</li>
										<li data-target="#carousel-374526" data-slide-to="2">
										</li>
									</ol>
									<div class='carousel-inner'>
										<div class="item active">
											<img alt="" src="http://cs.hbchenfeng.org/img/1.jpg" />
											<div class="carousel-caption cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
												<p>
													网站基础建设完毕！
												</p>
												<p>
													本网站基础建设已完成，目前正在内测中，如有不便，请您谅解！
												</p>
											</div>
										</div>
										<div class='item'>
											<img alt="" src="http://cs.hbchenfeng.org/img/2.jpg" />
											<div class="carousel-caption cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
												<p>
													大淮高网站提前恭祝各位同学元宵节快乐！
												</p>
											</div>
										</div>
										<div class='item'>
											<img alt="" src="http://cs.hbchenfeng.org/img/3.jpg" />
											<div class="carousel-caption cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
											</div>
										</div>
									</div><a class="left carousel-control" href="#carousel-374526" data-slide="prev">‹</a> <a class="right carousel-control" href="#carousel-374526" data-slide="next">›</a>
								</div>
							</div>
						</div>
						<!-- 轮换图下的导航 -->
						<div class='row'>
							<div class='span9  offset2' id="kuaijie">
								<ol>
									<h4>快捷通知：</h4>
									{%for links in link%}
									<h4><marquee><a href="http://{{links.nr_url}}" target="_blank">{{links.neirong}}</a></marquee></h4>
									{%endfor%}
								</ol>
							</div>
						</div>
					</div>
					<!-- 右侧框架 -->
					<div class='span5'>
						<div class='row'style='margin-top:20px;'>
							<!-- 右侧第一行 -->
							<div class='span4' style="background-color: #7A378B;height:200px;padding-bottom:100%；">
								<h4 class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									晨风计算机社团：
								</h4>
								<p class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									{%for fk1 in fk_1%}
									{{fk1.shouye}}
									{%endfor%}
								</p>
								<p>
									<a id="modal-200001" href="#modal-container-200001" role="button" class="btn" data-toggle="modal">点击了解详情>></a>
								</p>
							</div>
							<div class='span4' style="background-color: #8B0000;height:200px;padding-bottom:100%；">
								<h4 class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									启程文学社：
								</h4>
								<p class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									{%for fk2 in fk_2%}
									{{fk2.shouye}}
									{%endfor%}
								</p>
								<p>
									<a id="modal-200002" href="#modal-container-200002" role="button" class="btn" data-toggle="modal">点击了解详情>></a>
								</p>
							</div>
							<div class='span4' style="background-color: #00CD00;height:200px;padding-bottom:100%；">
								<h4 class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									绿洲公益协会：
								</h4>
								<p class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									{%for fk3 in fk_3%}
									{{fk3.shouye}}
									{%endfor%}
								</p>
								<p>
									<a id="modal-200003" href="#modal-container-200003" role="button" class="btn" data-toggle="modal">点击了解详情>></a>
								</p>
							</div>
						</div>
						<div class='row' style='margin-top:10px;'>
							<!-- 右侧第二行 -->
							<div class='span4' style="background-color: #27408B;height:200px;padding-bottom:100%；">
								<h4 class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									芊芊音乐社：
								</h4>
								<p class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									{%for fk4 in fk_4%}
									{{fk4.shouye}}
									{%endfor%}
								</p>
								<p>
									<a id="modal-200004" href="#modal-container-200004" role="button" class="btn" data-toggle="modal">点击了解详情>></a>
								</p>
							</div>
							<div class='span4' style="background-color: #454545;height:200px;padding-bottom:100%；">
								<h4 class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									凝风篮球协会：
								</h4>
								<p class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									{%for fk5 in fk_5%}
									{{fk5.shouye}}
									{%endfor%}
								</p>
								<p>
									<a id="modal-200005" href="#modal-container-200005" role="button" class="btn" data-toggle="modal">点击了解详情>></a>
								</p>
							</div>
							<div class='span4' style="background-color: #EE00EE;height:200px;padding-bottom:100%；">
								<h4 class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									尘光演讲协会：
								</h4>
								<p class="cke_editable cke_editable_inline cke_contents_ltr" role='textbox'>
									{%for fk6 in fk_6%}
									{{fk6.shouye}}
									{%endfor%}
								</p>
								<p>
									<a id="modal-200006" href="#modal-container-200006" role="button" class="btn" data-toggle="modal">点击了解详情>></a>
								</p>
							</div>
						</div>
						<div class='span1'>
						</div>
					</div>
			</div>
		</div>
		<!-- 网站底部框架 -->
	<div class='row-fluid' style="color:#FFFFFF;">
		<div class="span12" id="dibu">
			<div class='row-fluid'>
				<div class="span12" id="dibu_1">
					<center>
					<h2>这是各个社团放置LOGO的位置</h2>
					</center>
				</div>
			</div>

			<div class='row-fluid'>
				<div class="span12">
					<center>
					<marquee>欢迎访问河南省淮滨高级中学-大淮高网！Welcome to the big-huai_senior high school website!</marquee>
					</center>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 以下为导航栏触发效果-->
<!-- 版权声明效果 -->
<div id="modal-container-100001" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			版权声明
		</h3>
	</div>
	<div class="modal-body">
		<p>
			本网站系统由 李沐阳 开发并授权 河南省淮滨高级中学晨风计算机社团 永久使用
		</p>
		<p>系统框架使用Bootstrap及Django开发，并根据GNU GPL代码开发重用协议在 百度云网盘 进行开源</p>
		<p>特别鸣谢： 吕文涛 同学对本站开发过程中提供的大量技术支持！</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<!-- 以下为网站维护人员/组织列表 -->
<div id="modal-container-100003" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			网站维护参与人员及组织列表
		</h3>
	</div>
	<div class="modal-body">
		<p>
			<h4>个人列表：</h4>李沐阳，吕一鸣，杨鹏辉
		</p>
		<p><h4>组织列表：(内测列表)</h4>河南省淮滨高级中学校团委，河南省淮滨县晨风计算机社团，启程文学社</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<!-- 以下为方块触发效果 -->
<!-- 第一方块内容-->
<div id="modal-container-200001" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			{%for fk1 in fk_1%}
			{{fk1.zhezhao_biaoti}}
		</h3>
	</div>
	<div class="modal-body">
		<p>
			{{fk1.zhezhao_neirong}}
			{%endfor%}
		</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<div id="modal-container-200002" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			{%for fk2 in fk_2%}
			{{fk2.zhezhao_biaoti}}
		</h3>
	</div>
	<div class="modal-body">
		<p>
			{{fk2.zhezhao_neirong}}
			{%endfor%}
		</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<div id="modal-container-200003" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			{%for fk3 in fk_3%}
			{{fk3.zhezhao_biaoti}}
		</h3>
	</div>
	<div class="modal-body">
		<p>
			{{fk3.zhezhao_neirong}}
			{%endfor%}
		</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<div id="modal-container-200004" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			{%for fk4 in fk_4%}
			{{fk4.zhezhao_biaoti}}
		</h3>
	</div>
	<div class="modal-body">
		<p>
			{{fk4.zhezhao_neirong}}
			{%endfor%}
		</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<div id="modal-container-200005" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			{%for fk5 in fk_5%}
			{{fk5.zhezhao_biaoti}}
		</h3>
	</div>
	<div class="modal-body">
		<p>
			{{fk5.zhezhao_neirong}}
			{%endfor%}
		</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<div id="modal-container-200006" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">
			{%for fk6 in fk_6%}
			{{fk6.zhezhao_biaoti}}
		</h3>
	</div>
	<div class="modal-body">
		<p>
			{{fk6.zhezhao_neirong}}
			{%endfor%}
		</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
</body>
</html>
